// 封装购物车模块
import { defineStore } from 'pinia'
import { computed, ref } from 'vue'
import { useUserStore } from './userStore'
import { loginaddCart, logingetCartList, delCartList } from '@/api/cart'
export const useCartStore = defineStore(
  'cart',
  () => {
    // 获取最新购物车列表action
    const updateNewList = async () => {
      const res = await logingetCartList()
      //覆盖本地列表
      cartList.value = res.data.result
    }
    const userStore = useUserStore()
    const isLogin = computed(() => userStore.userInfo.token)
    // 购物车列表
    const cartList = ref([])
    // 添加购物车
    const addCart = async (goods) => {
      const { skuId, count } = goods
      // 判断是否登录
      if (isLogin.value) {
        // 登录之后的操作
        await loginaddCart({ skuId, count })
        // const res = await logingetCartList()
        // //覆盖本地列表
        // cartList.value = res.data.result
        updateNewList()
      } else {
        // 未登录的操作
        // 判断购物车中是否已经存在该商品
        const item = cartList.value.find((item) => goods.skuId === item.skuId)
        // 如果存在，数量加1
        if (item) {
          item.count += 1
        }
        // 如果不存在，添加到购物车列表
        else {
          cartList.value.push(goods)
        }
      }
    }

    // 移除购物车
    const removeCart = async (goods) => {
      if (isLogin.value) {
        // 调用删除接口发送请求
        await delCartList([goods.skuId])
        updateNewList()
        // const res = await logingetCartList()
        // //覆盖本地列表
        // cartList.value = res.data.result
      } else {
        // 查找商品在购物车列表中的索引
        const item = cartList.value.find((item) => goods.skuId === item.skuId)
        // 如果存在，移除该商品
        if (item) {
          cartList.value.splice(item, 1)
        }
      }
    }
    // 清除购物车
    const clearCart = () => {
      cartList.value = []
    }
    // 单选功能
    const selectCheck = (skuId, selected) => {
      // 通过skuid找到修改的那一项然后修改selected
      const res = cartList.value.find((item) => item.skuId === skuId)
      res.selected = selected
    }
    // 全选功能
    const selectAll = (selected) => {
      // 遍历所有项，修改selected
      cartList.value.forEach((item) => (item.selected = selected))
    }
    // 返回购物车列表和操作方法
    // 计算属性
    // 1.总的数量，所有项的count之和
    // 2.总价
    const allCount = computed(() =>
      cartList.value.reduce((sum, item) => sum + item.count, 0)
    )

    const allPrice = computed(() =>
      cartList.value.reduce((sum, item) => sum + item.count * item.price, 0)
    )
    //3.已选择的数量
    // 通过filter方法过滤出selected为true的项，然后计算count之和
    const selectedCount = computed(() =>
      cartList.value
        .filter((item) => item.selected)
        .reduce((sum, item) => sum + item.count, 0)
    )
    // 4.已选择的总价
    // 通过filter方法过滤出selected为true的项，然后计算count*price之和
    const selectedPrice = computed(() =>
      cartList.value
        .filter((item) => item.selected)
        .reduce((sum, item) => sum + item.count * item.price, 0)
    )
    // 是否全部选中
    // 通过every方法判断是否所有项的selected都为true
    const allSelected = computed(() =>
      cartList.value.every((item) => item.selected)
    )
    return {
      cartList,
      addCart,
      removeCart,
      allCount,
      allPrice,
      selectCheck,
      allSelected,
      selectAll,
      selectedCount,
      selectedPrice,
      clearCart,
      updateNewList
    }
  },
  {
    persist: true // 持久化
  }
)
